<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8">
        <title>eer4</title>

    </head>

    <body>

        <!-- 布局说明:height=高 weight=宽 从上至下 
    width被分配 标题=500 ABC=100(左边) 内容=400(左边 已分配完) 
    版权=30(独立一行) 
-->

        <div style="height: 200px; width: 500px;background-color:green;">

            <div id="container"
                style="height: 100px; width: 500px;background-color: brown;">
                <h1>标题---ttty11</h1>
            </div>

            <div
                style="height: 200px; width: 100px;background-color:yellow; float: left;">
                <p>AAA</p>
                <p>BBB</p>
                <p>CCC</p>
            </div>

            <div
                style="height: 200px;width: 400px; background-color:burlywood;float:left">
                内容
            </div>

            <div
                style="height: 30px;width: 500px; background-color:cornflowerblue;float:left">
                ------- 版权：snd89-349m-bdk-41---------
            </div>

        </div>

        <br><br><br><br><br>
        <ol type="a" style="list-style: circle;">
            <li>ad 1</li>
            <li>bc</li>
            <li>cd</li>
        </ol>

    </body>

</html>